@font-face {
  font-family: 'NeoSansPro-Regular';
  src:	url('../fonts/NeoSansPro-Regular.eot?#iefix') format('embedded-opentype'),
  		url('../fonts/NeoSansPro-Regular.otf')  format('opentype'),
	    url('../fonts/NeoSansPro-Regular.woff') format('woff'),
		url('../fonts/NeoSansPro-Regular.ttf') format('truetype'),
		url('../fonts/NeoSansPro-Regular.svg#NeoSansPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NeoSansPro-Bold';
  src:	url('../fonts/NeoSansPro-Bold.eot?#iefix') format('embedded-opentype'),
  		url('../fonts/NeoSansPro-Bold.otf')  format('opentype'),
	    url('../fonts/NeoSansPro-Bold.woff') format('woff'),
		url('../fonts/NeoSansPro-Bold.ttf') format('truetype'),
		url('../fonts/NeoSansPro-Bold.svg#NeoSansPro-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  	width: 100%;
  	height: 100%;
  	font-family: Helvetica, Arial, sans-serif;
  	color: #707070;
  	background-color: #000;
	font-size: 100%;
	position: relative;
	overflow-x:hidden;
}
html {
  	width: 100%;
  	height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  	margin: 10px 0;
  	/*font-family: 'NeoSansPro-Bold', Helvetica, Arial, sans-serif;*/
	/*color: #303030;*/
	color: #FFF;
	font-weight: bold;
	font-size: 1.4em;
}
h2 {
	font-size: 2.3em;
}
h3 {
	font-size: 1.15em;
}
a, .btn {
  	color: #fff !important;
  	-webkit-transition: all .25s ease-in-out;
  	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
  	transition: all .25s ease-in-out;
}
a:hover, a:focus, a:active  {
  	text-decoration: none;
  	color: #fff !important;
}
.no-gutter {
	padding: 0;
}
/*.bold {
	font-family: 'NeoSansPro-Bold', Helvetica, Arial, sans-serif;
}
.normal {
	font-family: 'NeoSansPro-Regular', Helvetica, Arial, sans-serif !important;
}*/
img {
	max-width: 100%;
}
.main {
	display: block;
	width: 100%;
	height: 100%;
  	padding: 0;
  	text-align: center;
	margin: 0 auto;
	position: relative;
	/*background: url(../img/bg.jpg) no-repeat center center scroll;*/
	/*background-color:#355f82;*/
	background-color:#fff;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;  
  	-o-background-size: cover;
  	background-size: cover;
	background-attachment: fixed;
  	margin-bottom: 0px;
	overflow: auto;

}
.intro {
  	display: table;
	width: 70%;
	height: 100%;
  	padding: 0;
  	text-align: center;
	margin: 0 auto;
	position: relative;
  	margin-bottom: 0;
	overflow: hidden;
	/*background-color: #e0e0e0;*//*rgba(255,255,255,.9)*/;
}
.intro .intro-body {
	display: table-cell;
}
.intro .intro-row {
	display: table-row;
}
.intro .intro-middle {
	vertical-align: middle;
}
.intro .intro-top {
	vertical-align: top;
}
.intro .intro-bottom {
	vertical-align: bottom;
}
.form, .datos,#PanelIndex_Modificar {
	width: 100%;
	/*max-width: 700px;*/
	display: block;
	text-align: left;
	/*padding: 30px 0;*/
	/*font-size: 1.4em;
	font-family: 'NeoSansPro-Bold', Helvetica, Arial, sans-serif;*/
	font-size: 1.2em;
	/*font-family: Helvetica, Arial, sans-serif;*/

}
.form-group {
	margin: 5px 0;
}
.form-control {
	display: inline-block;
}
.form-control, .btn-enviar {
	border-radius: 1px;
	margin-bottom: 0px;
	padding: 0 5px;
	background: transparent;
	height: 23px;
	text-align: center !important;
	/*width: 300px;*/
	border: 1px solid #303030;
	font-family: Helvetica, Arial, sans-serif !important;
}
.btn-enviar {
	background-color: #303030;	
	font-weight: 700;
	padding: 3px 10px 3px 10px !important;
	 margin: 10px !important;
	font-size: 1.2em;
	line-height: 1.7em;
	color: #fff;
	/*font-family: 'NeoSansPro-Bold', Helvetica, Arial, sans-serif !important;*/
	height: auto;	
	text-transform: uppercase;
}
.btn-enviar:hover, .btn-modal:hover {
	color: #fff;
}
.btn-enviar:focus, .btn-enviar:active {
	color: #fff;
}
::-webkit-input-placeholder {
   text-align: center;
}
:-moz-placeholder {
   text-align: center;  
}
::-moz-placeholder {
   text-align: center;  
}
:-ms-input-placeholder {  
   text-align: center; 
}
textarea.form-control {
    min-height: 60px;
	resize: vertical;
}
.btn-box {
	display: block;
	margin: 10px 0;
}
.btn-box .btn-red, .btn-form {
	background-color: #303030;
	border-radius: 1px;
	text-transform: uppercase;
	margin: 5px 10px;
	/*padding: 4px 15px;*/
	padding: 2px 7px;
}
.btn-red:hover, .btn-red:focus,
.btn-enviar:hover, .btn-enviar:focus,
.btn-form:hover, .btn-form:focus {
	background-color: #303030;
	box-shadow: 3px 3px 5px rgba(0,0,0,.5);
	color: #fff !important;
}
.nav-tabs {
    border-bottom: none;
	margin-bottom: 5px;
}
.nav-tabs>li>a {
    margin-right: -1px;
    line-height: 1.42857143;
    border-top: 1px solid #303030;
	border-bottom: 1px solid #303030;
	border-radius: 1px;
	text-transform: uppercase;
    padding: 3px 15px;
	color: #FFF !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #fff !important;
    background-color: #303030;
    cursor: default;
	border: 1px solid #303030;
}
.nav-tabs>li>a:hover {
    border-color: #303030;
}
.nav-tabs>li {
    float: left;
    margin: 0;
}
.nav-tabs .border-lft {
	border-left: 1px solid #303030;
}
.nav-tabs .border-rgt {
	border-right: 1px solid #303030;
}
.nav-tabs .border-lft-rgt {
	border-left: 1px solid #303030;
	border-right: 1px solid #303030;
}
.label1 {
	padding: 3px 5px 0 0;
}
.label-s {
	/*width: 115px;*/
}
.label-m {
	width: 100px;
}
.label-m2{
	width: 110px;
}
.label-l {
	width: 115px;
}
.indicacion {
	font-size: .9em;
}
/*.tab-content {
	min-height: 220px;
}*/
.btn-.horarios {
	background-color: #303030;
	padding: 6px;
	border-radius: 50%;
	height: 28px;
	width: 28px;
	font-size: 1.4em;
	line-height: .7em; 
}
.tooltip_templates {
	display: none;
}
/*.witdh-l, .observaciones {
	width: 380px;
}*/
.observaciones {
	display: block;
	min-height: 190px;
	text-align: left !important;
	
	text-transform: none;
	/*width: 300px;*/
}
.dropdown-menu {
	border-radius: 1px;
	border: 1px solid #303030;
	padding: 0;
	background-color: rgba(255,255,255,.95)
}
.autorizando {
	font-size: .85em;
	text-align: left;
}
.checkbox {
	display: block;	
	position: relative;
	margin: 20px 0;
}
.checkbox input, .checkbox label {
	display: inline-block;
}
.radio label, .checkbox label {
    min-height: 20px;
    padding-left: 0;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}
.link {
	color: #303030 !important;
	text-decoration: underline;
}
.link2 {
	margin-left: 10px;
}
.link:hover, .link:focus {
	color: #707070 !important;
	text-decoration: none;
}

.recordatorio {
	display: block;
	/*position: relative;*/
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: both;
}
.recordatorio li {
	display: inline-block;
	list-style-type: none;
}
.recordatorio li .mail {
	width: 40px;
}
.recordatorio li .phone {
	/*width: 40px;*/
	    height: 30px;
}
.recordatorio li img {
	margin-left: 15px;
}

.switch-field {
  display: inline-block;
}
.switch-title {
  margin-bottom: 6px;
}
.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}
.switch-field label {
  display: inline-block;
  background-color: transparent;
  color: #303030;
  font-weight: normal;
  text-align: center;
  text-shadow: none;
  padding: 3px 14px;
  border: 1px solid #303030;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition:    all 0.1s ease-in-out;
  -ms-transition:     all 0.1s ease-in-out;
  -o-transition:      all 0.1s ease-in-out;
  transition:         all 0.1s ease-in-out;
}
.switch-field label:hover {
    cursor: pointer;
}
.switch-field input:checked + label {
  background-color: #FFF;
  color: #fff;
}
.accordion-heading {
	display: block;
	position: relative;
	with: 100%;
	color: #fff !important;
	background-color: #355f82;
}
.accordion-heading h3 {
	color: #fff;
	margin: 0;
}



.bordered {
	border-right: 1.5px solid #fff;
}
.panel-group .panel+.panel {
    margin-top: 0;
}
.panel {
    margin-bottom: 20px;
    background-color: rgba(255,255,255,.67);
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.panel-heading {
    padding: 0;
	background-color: rgba(53, 95, 130, 0.23);
}
.panel-title {
	font-family: /*NeoSansPro-Regular,*/ Helvetica, Arial, sans-serif;
}
.panel-title>a,.panel-title div a {
	color: #707070 !important;
}
.panel-body {
    padding: 5px 5px 10px 10px;
}
.link-mapa {
	text-decoration: underline;
}
.panel-heading .accordion-toggle:before {
    /* symbol for "opening" panels */
    font-family: 'FontAwesome';  /* essential for enabling glyphicon */
    content: "\f147"; /* adjust as needed, taken from bootstrap.css */
    float: left; /* adjust as needed */
    color: #707070; /* adjust as needed */
	margin: 1.5px 5px 0 0;
}
.panel-heading .accordion-toggle.collapsed:before {
    /* symbol for "collapsed" panels */
    content: "\f196";    /* adjust as needed, taken from bootstrap.css */
}
.horarios td {
	padding: 3px;
}
/*.horarios td .red {
	color: #303030;
}*/
.horarios div .red,.horarios .red {
	/*color: #303030;*/
	color: #2ac117;
}

/**************/
.horarios .fila_sucursal {
	    cursor: pointer;
	    padding: 1px 0;
}
.horarios div {
	    display:inline-block;
}

.horarios .verde/*i.fa-check-circle*/ {
	/*color: #303030;*//*#2ac117;*/
	font-size: 0.9em !important;
}

/**************/
@media screen and (max-width: 996px) {
}
@media screen and (max-width: 768px) {
	.intro {
		/*width: 85%;*/
		width: 98%;
	}
}
@media screen and (max-width: 480px) {
	.intro {
		width: 100%;
	}
	.label1, /*label,*/ .nav-tabs {
		display: block;
		float: none !important;
	}
	.witdh-l, .observaciones {
		width: 300px;
	}
	.link2 {
		display: block;
		margin-left: 0;
	}
	.btn-form {
		margin: 5px 0;
	}
}






/*input[type="radio"]+ label {    color:#f2f2f2;}*/
input[type="radio"]{box-shadow: inset 1px 1px 1px 1px hsla(0,0%,0%,.4),
                inset inset 1px 1px 1px hsla(0,0%,100%,.4),
                1px 1px 1px hsla(0,0%,100%,.8),
                1px 1px 2px 2px hsla(10%,70%,70%,.4);}
input[type="radio"]:checked + label{color: #303030;
    /*box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.4),
                inset 0 2px 2px hsla(0,0%,100%,.4),
                0 1px 1px hsla(0,0%,100%,.8),
                0 0 2px 2px hsla(0,70%,70%,.4);*/
            }
.recordatorio li div input[type="radio"]:checked + label{color: #fff; }    
.btn-enviarpeque        { font-size: 1em;background-color: #303030;padding: 2px 5px;font-weight: bold; border-radius: 0px; text-transform: uppercase;}

input[type="text"],input[type="email"],input[type="tel"],select,textarea{ background-color: #fff !important; text-align: left;}


.Titulo_Pasos
{
               background-color:#666;/*#15407500;*/ /*#00387f*/; 
              color:#fff;
              position: fixed;
              z-index: 999;
              width: 100%;/*top: 0;*/
              margin-top: 0;
              text-align: left;  
              padding-left: 5%;    
              font-size: 1.2em;
              bottom: 0;
                  margin-bottom: 0;
              color:#fff;
              margin-top: 10px;
}
#titulo_paso2,#titulo_servicio {font-size:0.8em; float: right;padding: 0px;width: auto;display: inline-block;}
.Titulo_Pasos div {padding: 2px 5px 2px 0px;}
#titulo_paso2{    padding: 2px 5px 0px 0px;    width: 55px;}

.ventana_hora_vigente2 {
    border: 1px solid #0d4154;
    background-color: #fcfdfc;
    color: #666;
    float: left;
    /*position: absolute;*/
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    opacity: 0.9;
    font-size: 12px;
    width: 50%;
    padding: 5px;
    text-align: center;
}

#div_imgInterior{    margin-left: 8%;}


@media screen and (max-width: 768px){

.intro {
    width: 100% !important;
}
.Titulo_Pasos{padding-left: 5px; }
/*#PestanasUbicacion li .label-s{width: 50px !important;}*/
}

@media screen and (max-width: 500px){
.Titulo_Pasos{padding-left: 5px; }
/*#PestanasUbicacion li.label-s{width: 30% !important;}*/
.nav-tabs>li>a {padding: 3px 5px;}
#tab_tiposervicio{ display: none}
}


#grillavehiculos tbody,#grillavehiculos th{ background-color:#355f82; color:#fff; }
/*#grillavehiculos tr:hover,#grillavehiculos td:hover{    cursor: pointer; }*/

#grillavehiculos td{ background-color:#fff;  color: #666; font-size: 11px; padding: 3px}
/*#grillavehiculos tr:hover,#grillavehiculos td:hover{ background-color:#d4e7f7; }*/

.noselecciona{ background-color:#fff !important; color:#666 !important; }
.selecciona{ background-color:#666 !important; color:#fff !important; }
/*.noselecciona:hover{ background-color:#666 !important;color:#fff !important; }*/

#grillavehiculos tbody tr td.noselecciona:hover,#grillavehiculos tbody tr:hover{    cursor: pointer; background-color:#666 !important; color:#fff !important;}
/*#grillavehiculos tbody tr:hover{   background-color:#666 !important;color:#fff !important; }*/


#divPaso4 .collapse.in {
    height: 200px !important;
    overflow: auto;
    width: 92%;
}

.btn-tooltip {
    background-color: #355f82;
    padding: 6px;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    font-size: 1.2em;
    line-height: .7em;
}

.listaAnula{/*font-size: 13px !important;*/border-top: 0px dotted #666; margin: 5px 0;padding: 5px 0;} /*text-align: -webkit-left;border-bottom: 1px dotted  !important; margin-bottom:20px*/
.listaAnula div p{margin: 0 0 5px !important;}



.container{    
	padding-left: 5px;
    padding-right: 5px;
}

.width33,.width3  {
	float: left;
	/*width: 33.333%;*/
	width: 23.333%;
	padding: 3px 2px 3px 3px;
}


.width10,.width1  {
	float: left;
	width: 10%;
	padding: 3px 2px 3px 3px;
}
.width15,.width150 {
	float: left;
	/*width: 15%;*/
	width: 12%;
	padding: 3px 2px 3px 3px;
}

.accordion-heading h3{ font-size: 1.0em; font-family: Helvetica, Arial, sans-serif;}
.panel-heading h4 a,.panel-heading h4 span{ font-size: 0.8em;}

.lineasepara{border-top: 0px dotted #666;padding: 5px;width: 100%; text-align: center;color:#666; clear:both;}
.color_titulo{background-color: #355f82;color: #fff;font-size: 1.2em;}

.form-control{font-size: 12px}
#enviar{ border:0;}


.horarios .fila_sucursal div{/*font-weight: 700 !important; */   font-size: 0.9em ;}
.horarios,.horarios .fa{    font-size: 1.2em  !important;}
.horarios td .red, .horarios .red {font-size: 1.0em  !important;}

#cmbMantencion1,#cmbMantencion2,#txtObservaciones,#cmbRegiones,#cmbComunas,#cmbDealer,#cmbSucursal{max-width: 370px !important;}


.panel-title {
    font-size: 12px !important;   
}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 540px) {

    .accordion,.panel-heading div,div.width33 h3{  font-size: 0.8em !important; padding-left: 2px !important;font-size: 0.7em;}
    .accordion-heading.clearfix,div.panel{  margin: 0 -8px 0 -10px !important;	font-size: 0.8em !important;}

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	    padding-left: 10px !important;
	    padding-right: 10px !important;
	}

	.boton_disponibles{
		/*background-color:#666;*/
		background:#666 url('../images/clock.png') no-repeat !important;
		border-radius: 5px !important;
		-moz-border-radius: 5px !important;
		-webkit-border-radius: 5px !important;
		border: 0px solid #000000;
	    /*padding: 2px 2px 2px 25px; */
	    padding: 23px 2px 2px 5px !important;
	    vertical-align: middle !important;   
	    font-size:0.8em !important;
	    color:#fff !important;
	    min-height: 35px !important;
	    text-align: center !important;
	}

}

.accordion-toggle img{max-height: 25px;max-width: 100%;}

div.horarios>div.fila_sucursal:hover,.fila_sucursal:hover{
    background-color: #dad9d8 !important;
    border-style: outset !important;
    /* border: 1px #c0c0c0; */
}
.fila_sucursal_hover{
    background-color: #dad9d8 !important;
    border-style: outset !important;    
}

.panel-body{    text-align: left;}


.boton_disponibles{
	background:#666 url('../images/clock.png') no-repeat;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
    /*padding: 2px 2px 2px 25px; */
    padding: 5px 2px 2px 25%;
    vertical-align: middle;   
    font-size:0.8em;
    color:#fff;
    min-height: 25px;
}

/**************modal*************************************/
.icono-pregunta {
    background-color: #fff;
    border-radius: 50%;
    padding: 6px 10px;
    width: 20px;
    max-height: 20px;
    margin-left: 15px;
    cursor: pointer;
    color:#000;
}

.u-displayModal {
  display: block; }

.modal__agendamiento {
  position: absolute;
  z-index: 100;
  margin: 0 auto;
  /*top: -100px;*/
  top: -60px;
  right: 100px;/*10px;*/
  display: none; }
  .modal__agendamiento .servicios {
    background-color: #FFFFFF;
    border-radius: 3px;
    padding: 5px 15px;
    max-width: 500px;
    /*font-family: 'book'; */
    border: 1px solid #000;
    text-size-adjust: auto;
    color: #000;
}
  .modal__agendamiento .servicios__titulo, .modal__agendamiento h3 {
    font-size: 24px;
    /*font-family: 'medium';*/
    margin-bottom: 5px; 
    font-weight: bold;
}
  .modal__agendamiento .servicios__subtitulo {
    font-size: 14px;
    /*font-family: 'medium';*/
    margin-bottom: 5px;
    font-weight: bold; }
  .modal__agendamiento .servicios__parrafo {
    font-size: 12px;
    margin-bottom: 5px; 
    margin-right: 15px;
	text-align: justify;
}

.servicios div.row div.col-md-2{padding: 0px 0px 0px 5px;}
.servicios div.row div.col-md-10{padding: 0px 0px 0px 5px;}

----------
.modal {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  background-color: #fafafa;
  padding: 0;
 /* max-height: 70%;
  width: 55%;*/
  margin: auto;
  overflow-y: auto;
  border-radius: 0px;
  will-change: top, opacity;   

}
.blocker{z-index: 19999999 !important;}

.modal a.close-modal {
    top: -0.5px !important;
    right: 0px !important;
    width: 25px !important;
    height: 25px !important;



@media only screen and (max-width: 992px) {
    #covid-19{margin-top: 0% !important;}
    .modal {
      width: 80%; height: 70% } }
  .modal h1, .modal h2, .modal h3, .modal h4 {
    margin-top: 0; }
  .modal .modal-content {
    padding: 24px; }
  .modal .modal-close {
    cursor: pointer; }
  .modal .modal-footer {
    border-radius: 0 0 2px 2px;
    background-color: #fafafa;
    padding: 4px 6px;
    height: 56px;
    width: 100%; }
    .modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat {
      float: right;
      margin: 6px 0; }

.modal-overlay {
  position: fixed;
  z-index: 999;
  top: -100px;
  left: 0;
  bottom: 0;
  right: 0;
  height: 125%;
  width: 100%;
  background: #000;
  display: none;
  will-change: opacity; }

.modal.modal-fixed-footer {
  padding: 0;
  height: 70%; }
  .modal.modal-fixed-footer .modal-content {
    position: absolute;
    height: calc(100% - 56px);
    max-height: 100%;
    width: 100%;
    overflow-y: auto; }
  .modal.modal-fixed-footer .modal-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    bottom: 0; }

.modal.bottom-sheet {
  top: auto;
  bottom: -100%;
  margin: 0;
  width: 100%;
  max-height: 45%;
  border-radius: 0;
  will-change: bottom, opacity; }    
  
/**********************************/
.datepicker table,.datepicker-days{color: #666666 !important;}